<template>
  <div>
    <button @click="setNum(-1)">-</button><input :value="value" type="text"><button @click="setNum(1)">+</button>
  </div>
</template>
<script>
export default {
  name: 'HmNum',
  //   model: {
  //     prop: 'num',
  //     event: 'input'
  //   },
  props: {
    value: {
      type: Number,
      default: 1
    }
  },
  methods: {
    setNum(step) {
      this.$emit('input', this.value + step)
    }
  }
  //   单向数据流：基本数据类型不可修改
}
</script>
<style></style>
